<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/jquery.bxslider.css" rel="stylesheet">

	<script src="js/jquery.js"></script>
	<script src="js/jquery.blockui.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/jquery.bxslider.js"></script>
    
	<script>
	$(document).ready(function(){
		$('.bxslider').bxSlider({
		  mode: 'fade',
		  auto: 'true'
		});		
		
		
		$('.slide-h').bxSlider({
		  mode: 'fade',
		  auto: 'true',
		  pager: 'none',
		  controls: 'none',
		});
	});
    </script>
    
<title>Tesil</title>

</head>

<body>

<div id="super">

    <?php 
        //MENU
        include_once "common/header.php";
    ?>
    
    <div id="wrappers">        
        <div id="banner">
        	<ul class="bxslider">
              <li>
              	<img src="img/loop1.jpg" title="Funky roots" />
                <div class="text">
                <p class="titulo">LIDER EN ANTIADHERENCIA</p>
                <p>Introducción del texto antiadherencia, para atraer al prospect....</p>
                </div>
              </li>
              <li><img src="img/loop2.jpg" title="The long and winding road" />
                <div class="text">
                <p class="titulo">LIDER EN ANTIADHERENCIA</p>
                <p>Introducción del texto antiadherencia, para atraer al prospect....</p>
                </div>
              </li>
              <li><img src="img/loop3.jpg" title="The long and winding road" />
                <div class="text">
                <p class="titulo">LIDER EN ANTIADHERENCIA</p>
                <p>Introducción del texto antiadherencia, para atraer al prospect....</p>
                </div>
              </li>
            </ul>
        </div>            
        <div class="contenido">
            <div class="col_1">                
                <h1>&gt; CONTACTO | FORMULARIO</h1>
                <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.ar/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=Malvinas+Argentinas+5297,+Buenos+Aires&amp;aq=0&amp;oq=Malvinas+Argentinas+5297&amp;sll=-34.475473,-58.711258&amp;sspn=0.032336,0.066047&amp;ie=UTF8&amp;hq=&amp;hnear=Malvinas+Argentinas,+Buenos+Aires&amp;t=m&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com.ar/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=Malvinas+Argentinas+5297,+Buenos+Aires&amp;aq=0&amp;oq=Malvinas+Argentinas+5297&amp;sll=-34.475473,-58.711258&amp;sspn=0.032336,0.066047&amp;ie=UTF8&amp;hq=&amp;hnear=Malvinas+Argentinas,+Buenos+Aires&amp;t=m&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
            </div>                
            <div class="col_2 contacto">
			<script>
			function enviar_correo(){
				$.post( "enviar_mail.php", $( "#contacto_form" ).serialize())
				  .done(function() {
				    alert( "Mensaje enviado ");
				  });
			}
			</script>
            <form method="post" id="contacto_form">	                
	                        <div>
	                            <input type="text" name="nombre" id="nombre" tabindex="1" onblur="if (this.value == '') {this.value = 'Nombre';}" onfocus="if (this.value == 'Nombre') {this.value = '';}" value="Nombre">
	                        </div>
	                        <div>
	                            <input type="text" name="email" id="apellido" tabindex="2" onblur="if (this.value == '') {this.value = 'Apellido';}" onfocus="if (this.value == 'Apellido') {this.value = '';}" value="Apellido">
	                        </div>
	                        <div>
	                            <input type="text" name="telefono" id="telefono" tabindex="3" onblur="if (this.value == '') {this.value = 'telefono';}" onfocus="if (this.value == 'telefono') {this.value = '';}" value="telefono">
	                        </div>
	                        <div>
	                            <input type="text" name="mail" id="mail" tabindex="3" onblur="if (this.value == '') {this.value = 'correo';}" onfocus="if (this.value == 'correo') {this.value = '';}" value="correo">
	                        </div>
	
	                        <div>
                            	<textarea id="mensaje" name="mensaje" cols="50" rows="4" tabindex="7" onblur="if(this.value=='') this.value='Escriba lo que desee...'" onfocus="if(this.value =='Escriba lo que desee...' ) this.value=''">Escriba lo que desee...</textarea>                           
	                        </div>
	                   		<div class="btn-enviar">
		                       <input type="button" onclick="enviar_correo()" name="send" id="send" class="enviar" value="Enviar" tabindex="5">
                            </div>
	                    
	                </form>
            </div>        
        </div>
    </div><!-- WRAPPERS  -->
    
    <footer>       
    	<div class="center">
        <div class="footer-nav">
            <ul>
                <li class="titulo">EMPRESA</li>
                <li><a href="" title="">&raquo; Acerca de Tesil</a></li>
                <li><a href="" title="">&raquo; Nuestra Mision</a></li>
                <li><a href="" title="">&raquo; Licencia Testrong</a></li>
                <li><a href="" title="">&raquo; Planta Industrial</a></li>
            </ul>
                    
            <ul class="servicios">
                <li class="titulo">SERVICIOS</li>
                <li><a href="" title="">&raquo; Panificacion</a></li>
                <li><a href="" title="">&raquo; Tornillos</a></li>
                <li><a href="" title="">&raquo; Quimicas</a></li>
                <li><a href="" title="">&raquo; Matriceria</a></li>
                <li><a href="" title="">&raquo; Petroleras</a></li>
                <li><a href="" title="">&raquo; Textil</a></li>
                <li><a href="" title="">&raquo; Automotor</a></li>
            </ul>                    
            <ul>
                <li class="titulo">CLIENTES</li>
                <li><a href="" title="">&raquo; Rubro Alimenticio</a></li>
                <li><a href="" title="">&raquo; Rubro Industrial</a></li>
            </ul>                    
            <ul>
                <li class="titulo">CONTACTO</li>
                <li><a href="" title="">&raquo; Formulario</a></li>
            </ul>            
            <p>Malvinas Argentinas 5297 (1615) - Grand Bourg,<br>Área de Promoción el Triángulo<br>Tel: (03327) 411582 - info@tesilsrl.com</p>
            
        </div>
        </div>            
            <div class="firma">
                <p><a href="" title="">Diseño by IdeaStudio </a> © 2013 Todos los Derechos Reservados</p>
            </div>
    </footer>    
    
</div><!-- SUPER  -->    

</body>
</html>
